<script type="text/javascript">
  function f_display_div_response(){
    var rpta=document.getElementById('chk_rpta')

    if(rpta.checked){
      document.getElementById('div_respuesta').style.display='block';
    }else{
      document.getElementById('div_respuesta').style.display='none';
    }
  }
  function f_clean_chk(num){
    var chk1=document.getElementById('chk_rpta')
    var chk2=document.getElementById('chk_rpta_texto')
    var chk3=document.getElementById('chk_rpta_contactos')
    chk2.checked = 0;
    chk3.checked = 0;
    if(num == 3){
      chk1.checked = 0;
      document.getElementById('div_respuesta').style.display='none';
    }
  }
  function f_aceptar_desaprobar(){
    var chk=document.getElementById('chk_rpta');
                var neo = 0;
    if(chk.checked){
      alert('Procedera a crear un nuevo acuerdo')
                        neo = 1;
    }
    else{
      alert('Su respuesta fue registrada con exito')
                        neo = 2;
    }

                document.frm_acuerdo_desaprobado.action = '<?php echo url_for('evaluar_acuerdo/respuesta_desaprobado?neo=') ?>'+neo;
                document.frm_acuerdo_desaprobado.submit();

  }
        function f_aceptar_aprobar(){
            document.frm_acuerdo_respuesta.action = '<?php echo url_for('evaluar_acuerdo/respuesta_aprobado') ?>';
            document.frm_acuerdo_respuesta.submit();
        }

    <?php
        if (!empty($_SERVER['HTTP_CLIENT_IP'])){   //check ip from share internet
          $ip_cliente=$_SERVER['HTTP_CLIENT_IP'];
        }
        elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])){   //to check ip is pass from proxy
          $ip_cliente=$_SERVER['HTTP_X_FORWARDED_FOR'];
        }
        else{
          $ip_cliente=$_SERVER['REMOTE_ADDR'];
        }
    ?>

</script>
<div style="height: auto;float: left;margin-left: 20px;margin-top: 10px;">
<ul class="ul_text">
    <li>
        <?php if($evaluo_acuerdo == "ko"): ?>
        <div style="padding:10px;width:370px;margin-bottom:10px;font-size:10px;color: #757575;background-color: #F2F2F2;">
            En esta p&aacute;gina puedes revisar el contenido del Acuerdo, una vez revisado <br>
            puedes aceptarlo o desaprobarlo, recuerda que un acuerdo aceptado quedar&aacute; <br>
            guardado y no podr&aacute;s modificarlo.

        </div>
        <?php endif; ?>
    </li>

    <li>
        <div style="width: 420px;height:30px;">
            <div style="font-weight:bold;float: left;">
             <?php echo $acuerdo->getNombre() ?>
            </div>
            <div>
                <?php  if($plan=="free"): ?>
                <samp style="font-size: 9px;float: right;font-family: Arial, Helvetica, sans-serif" title="Este acuerdo solo sera valido por <?php echo $diferencia  ?> d�as.">v&aacute;lido por <?php echo $diferencia  ?> d&iacute;as.</samp>
                <?php  endif; ?>

            </div>
        </div>

    </li>
    <li  style="margin-bottom: 10px;">
        <?php if($acuerdo->getTexto()!=null): ?>
        <div class="cls-marco-acuerdo">
            <label> <?php echo  $sf_data->getRaw('acuerdo')->getTexto() ?> </label>
        </div>
        <?php endif; ?>
    </li>
     <li style="margin-bottom: 10px;">
        <?php if($acuerdo->getTipoAcuerdo()=='2'): ?>
                 <?php if($acuerdo->getPkFile()!='null'): ?>
                 <div style="margin-left: 213px;">
                     <a style="vertical-align: bottom;font-weight: bold;color: #757575;" href="<?php echo url_for('@show_file_acuerdo?pk_acuerdo='.$acuerdo->getId().'&url=file-aceptor') ?>" target="_blank">Descarga aqui el archivo adjunto</a>
                     <a style="vertical-align: bottom;" href="<?php echo url_for('@show_file_acuerdo?pk_acuerdo='.$acuerdo->getId().'&url=file-aceptor') ?>" target="_blank"><?php echo image_tag($imageIcon) ?></a>
                 </div>
                  <?php endif; ?>
        <?php endif; ?>
    </li>


    <li style="font-weight:bold;margin-bottom:5px;">
        Lista de aceptantes
    </li>
    <li>
             <div style="margin-left:0px;" class="detalle-acuerdo-table ">
                        <div align="center" style="width: 96px;">Usuario</div>
                        <div align="center" style="width: 90px;">Estado</div>
                        <div align="center" style="width: 74px;">IP</div>
                        <div align="center" style="width: 106px;">Fecha</div>
              </div>
              <?php $session_actual_id = $sf_user->getAttribute('ses_user_id') ?>
              <?php  $contador=1;
                     $odd='detalle-acuerdo-table-impar-par';
                     $even='detalle-acuerdo-table-par'; ?>
              <?php foreach ($lst_acuerdo_contacto as $row){

                     $contador++;
                  if($row->getEstado()==1){
                    $estado = "pendiente";
                    $ip = "";
                    $fecha = "";
                   }elseif($row->getEstado()==2){
                      $estado = "aprobado";
                      $ip = $row->getIp();
                      $fecha = $row->getFechaRevision();
                   }elseif($row->getEstado()==3){
                    $estado = "desaprobado";
                    $ip = $row->getIp();
                    $fecha = $row->getFechaRevision();
                   }else{
                       if($row->getEstado()==14){
                            $estado = "pendiente";
                            $ip = "";
                            $fecha = "";
                       }elseif($row->getEstado()==24){
                          $estado = "aprobado";
                          $ip = $row->getIp();
                          $fecha = $row->getFechaRevision();
                       }else{
                            $estado = "desaprobado";
                            $ip = $row->getIp();
                            $fecha = $row->getFechaRevision();
                       }
                   }


                  ?>

                  <div style="margin-left:0px;" class="detalle-acuerdo-table <?php if($contador%2==0)echo $even; else echo $odd; ?>">

                      <div style="width: 100px;">
                               <?php if($row->getNombre()!=""){
                                  echo $row->getNombre();
                                            }else{
                                      echo $row->getCorreo();
                                            }?>
                        </div>
                        <div style="width: 90px;"><?php echo $estado ?></div>
                        <div style="width: 75px;"><?php echo $ip ?></div>
                        <div style="width: 100px;"><?php echo $fecha ?></div>
                  </div>

                        <?php if($session_actual_id==$row->getUsuarioId()){
                             if($row->getEstado()==1||$row->getEstado()==2||$row->getEstado()==3){
                                 $elimino_archivo= 'ko';
                             }else{
                                 $elimino_archivo= 'ok';
                             }
                        }?>

            <?php } ?>

    </li>

    </ul>
</div>
<div style="height: auto;float: left;margin-top:5px;width: 90%;padding-left: 15px;">
    <ul class="ul_text">
        <li style="height: 35px;border: 0px solid red;" >
            <input type="hidden" id="hdd_ip_cliente" name="hdd_ip_cliente" value="<?php echo $ip_cliente ?>">
            <input type="hidden" id="hdd_acuerdo_id" name="hdd_acuerdo_id" value="<?php echo $acuerdo->getId() ?>">
            <?php if($elimino_archivo!="ok"): ?>
                     <div id="frm_acuerdo_respuesta" style="margin-left: 6px;">
                            <?php if($evaluo_acuerdo == "ko"): ?>
                            <div id="load-botonera" style="display: block;">
                                 <a class="cls-btn-a cls-btn-a-font"  href="javascript:void(0)" onclick="aprobar_acuerdo();">Aprobar</a>
                                 <a class="cls-btn-a cls-btn-a-font" href="javascript:void(0)" onclick="desaprobar_acuerdo();">Desaprobar</a>
                            </div>
                            <div id="load-success" align="left" style="display: none;">
                                    <?php echo image_tag('ajax-loader.gif') ?>
                            </div>
                            <?php endif; ?>
                    </div>
            <?php endif; ?>
        </li>
        <li style="float: right;width: 380px;">

         <?php if($elimino_archivo!="ok"): ?>
            <div id="delete-acuerdo" style="margin-top: 15px;">
               <div style="float: right;cursor: pointer;"><?php echo image_tag('implementacion/icon_eliminaracuerdo.gif') ?></div>

               <div style="float: right;padding-top: 5px;cursor: pointer;">
                     <a class="cls-btn-a cls-btn-a-font" tabindex="9" href="javascript:void(0);">
                       Eliminar Acuerdo
                     </a>
                </div>

           </div>
          <div style="width: 365px;display: none;background: #EDEDED;padding: 8px;margin-left:-13px;margin-top: 5px;" id="confirm-delete-acuerdo">
              <div>
                  Recuerda que el acuerdo se eliminar&aacute; solo cuando todos los integrantes hayan borrado el acuerdo.
              </div>
              <div style="margin-top: 3px;margin-bottom: 3px;font-weight: bold;">
                  &iquest;Est&aacute;s seguro de eliminar este acuerdo?
                  &nbsp;&nbsp;&nbsp;
                  <a class="cls-btn-a cls-btn-a-font" id="yes-confirmation" href="javascript:void(0)">
                      Si
                  </a>&nbsp;&nbsp;
                  <a class="cls-btn-a cls-btn-a-font" id="not-confirmation" href="javascript:void(0)">
                      No
                  </a>
              </div>
           </div>
          <?php else: ?>
          <div id="msj_delete">
              <div align="center" style="padding: 8px;background: #EDEDED;">
                 Esperando que los usuarios eliminen el acuerdo.
              </div>
          </div>
          <?php endif; ?>
    </li>
</ul>
</div>

<script type="text/javascript">


   $(document).ready(function(){
       var divh = document.getElementById('body_third_column').offsetHeight;
       var  list = divh-36;
       $("#body_second_column").css('min-height',divh+'px');
       $("#div_lista_doc").css('max-height',list+'px');


   });

    $("#delete-acuerdo").click(function(){
        $(this).hide();
        $("#confirm-delete-acuerdo").fadeIn();
    });

    $("#not-confirmation").click(function(){
        $("#confirm-delete-acuerdo").hide();
        $("#delete-acuerdo").fadeIn();
    });

    $("#yes-confirmation").click(function(){
       $.ajax({
                type: "POST",
                url: "<?php echo url_for('@delete_acuerdo')?>",
                data: "hdd_ip_cliente="+$("#hdd_ip_cliente").val()+"&hdd_acuerdo_id="+$("#hdd_acuerdo_id").val(),
                success: function(datos){
                    if(datos=="all"){
                        $("#div_detail_doc").html('');
                        f_list_doc(1,1);
                    }else{
                        $("#confirm-delete-acuerdo").hide();
                        $("#confirm-delete-acuerdo").html('Esperando que los usuarios eliminen el acuerdo.');
                        $("#confirm-delete-acuerdo").fadeIn();
                    }

               }
        });
    });


     function aprobar_acuerdo(){

              $("#load-botonera").hide();
              $("#load-success").show();

              $.ajax({
                type: "POST",
                url: "<?php echo url_for('@aprobar_acuerdo')?>",
                data: "hdd_ip_cliente="+$("#hdd_ip_cliente").val()+"&hdd_acuerdo_id="+$("#hdd_acuerdo_id").val(),
                success: function(datos){
                    var id = $("#hdd_acuerdo_id").val();
                    $("#bar-"+id).hide("explode", 1000);
                    f_show_detail_doc('acuerdo',$("#hdd_acuerdo_id").val());
                    $("#frm_acuerdo_respuesta").remove();
                    $("#respuesta-acuerdo").html(datos);
                    $("#respuesta-acuerdo").fadeIn();

               },
               error:function(){
                    $("#load-botonera").show();
               },
               complete:function(){
                      $("#load-success").hide();

               }
        });



     }

    function desaprobar_acuerdo(){
            $("#load-botonera").hide();
              $("#load-success").show();

        $.ajax({
                type: "POST",
                url: "<?php echo url_for('@desaprobar_acuerdo')?>",
                data: "hdd_ip_cliente="+$("#hdd_ip_cliente").val()+"&hdd_acuerdo_id="+$("#hdd_acuerdo_id").val(),
                success: function(datos){
                    var id = $("#hdd_acuerdo_id").val();
                    $("#bar-"+id).hide("explode", 1000);
                    f_show_detail_doc('acuerdo',$("#hdd_acuerdo_id").val());
                    $("#frm_acuerdo_respuesta").remove();
                    $("#respuesta-acuerdo").html(datos);
                    $("#respuesta-acuerdo").fadeIn();
               },
               error:function(){
                    $("#load-botonera").show();
               },
               complete:function(){
                      $("#load-success").hide();

               }
        });
     }





</script>